﻿// 获取元素
var nav_list = document.querySelector('.nav_list');
var lis = nav_list.querySelectorAll('li');
var items = document.querySelectorAll('.item');
// for循环绑定点击事件
for (var i = 0; i < lis.length; i++) {
    // 开始给小li 设置索引号 
    lis[i].setAttribute('index', i);
    lis[i].onclick = function () {
        amend.style.display = "none";
        // 干掉所有人 其余的li清除 class 这个类
        for (var i = 0; i < lis.length; i++) {
            lis[i].className = '';
    
        }
        // 留下我自己 
        this.className = 'current';


        // 2. 下面的显示内容模块
        var index = this.getAttribute('index');
        console.log(index);

        //让其余的item 这些div 隐藏
        for (var i = 0; i < lis.length; i++) {
            items[i].style.display = 'none';
       
        }
        //让对应的item 显示出来
        items[index].style.display = 'block';
        if (index == 4) {
            amendBtn.onclick = function () {
                items[index].style.display = "none";
                amend.style.display = "block";
            }
            returnBtn.onclick = function () {
                items[index].style.display = "block";
                amend.style.display = "none";
            }
        }
    }
}


//个人信息修改相关
var amend = document.querySelector(".amend");
var amendBtn = document.querySelector(".amendBtn")
var returnBtn = document.querySelector(".returnBtn")

